<template>
    <div>
      <h1>chengyangdashujuzhilipingtai</h1>
      <h2>{{$store.state.num}}</h2>
      <button @click="add">+</button>
      <button @click="sub">-</button>
      <Ul1></Ul1>
      <Table1/>
      
    </div>
</template>

<script>
import Ul1 from '../components/Ul1'
import Table1 from './table1.vue'

export default {
  name: 'HelloWorld',
  components:{
    Ul1,Table1
    },
  data () {
    return {
      msg: ''
    }
  },
  methods: {
    add() {
      this.$store.dispatch('a_addCount')
    },
    sub() {
      this.$store.commit('subCount')
    },

  }
}
</script>

<style scoped>
  h1{
    text-align: center;
    width: 100%;
    background: pink;
    color: aquamarine;
  }
</style>
